<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>传智商城</title>
	<link href="./css/home.css" rel="stylesheet" />
	<script src="./js/jquery.min.js"></script>
</head>
<body>
	<div id="top">
		<div class="top_nav">
		<ul><li>收藏本站</li><li>关注本站</li></ul>
		<ul class="right">
						<li>您好，欢迎来到传智商城！[<a href="#">登录</a>][<a href="#">免费注册</a>]</li>			<li class="line">|</li><li>我的订单</li>
			<li class="line">|</li><li><a href="#">会员中心</a></li>
			<li class="line">|</li><li><a href="#">我的购物车</a></li>
			<li class="line">|</li><li>联系客服</li>
		</ul>
		</div>
	</div>
	<div id="box">
		<div id="header">
			<a class="left" href="#"><div id="logo"></div></a>
			<div id="search" class="left">
				<input type="text" class="left" />
				<input class="search_btn" type="button" value="搜索" />
				<p id="search_hot">热门搜索：PHP培训　大学教材　智能手机　平板电脑</p>
			</div>
			<div id="info" class="left">
				<input type="button" value="会员中心" />
				<input type="button" value="去购物车结算" />
			</div>
		</div>
		<div class="clear"></div>
		<div id="nav">
			<ul><li class="category"><a href="#">全部商品分类</a></li><li class="curr"><a href="/chapter08/">首页</a></li>
				<li><a href="#">PHP</a></li><li><a href="#">Java</a></li><li><a href="#">安卓</a></li>
				<li><a href="#">.Net</a></li><li><a href="#">C/C++</a></li><li><a href="#">IOS</a></li>
			</ul>
		</div>
<div class="left" id="find-left">相关分类、相关推荐</div>
<div class="left" id="find-right">
	<ul class="filter">
		<li class="filter-title">教材分类 商品筛选</li>
		<li><p>价格：</p><a
			href="#" class="curr">全部</a><a
			href="#"  >0-49</a><a
			href="#"  >50-99</a><a
			href="#"  >100-299</a><a
			href="#"  >300以上</a></li>
		<li><p>排序：</p><a
			href="#" class="curr">最新上架</a><a 
			href="#"  >价格升序</a><a
			href="#"  >价格降序</a></li>
		<li><p>科目：</p><a
			href="#" class="curr">全部</a><a
			href="#"  >中文</a><a
			href="#"  >计算机</a><a
			href="#"  >艺术</a><a
			href="#"  >医学</a><a
			href="#"  >法律</a><a
			href="#"  >高数</a>		</li><li><p>出版社：</p><a
			href="#" class="curr">全部</a><a
			href="#"  >清华出版社</a><a
			href="#"  >铁道出版社</a><a
			href="#"  >人民邮电出版社</a>		</li>	</ul>
	<div class="find-item">
		<ul class="item left">
			<li><a href="#" target="_blank"><img src="./image/preview.jpg"></a></li>
			<li class="goods"><a href="#" target="_blank">网页设计与制作</a></li>
			<li class="price">￥40</li>
		</ul><ul class="item left">
			<li><a href="#" target="_blank"><img src="./image/preview.jpg"></a></li>
			<li class="goods"><a href="#" target="_blank">MySQL数据库入门</a></li>
			<li class="price">￥40</li>
		</ul><ul class="item left">
			<li><a href="#" target="_blank"><img src="./image/preview.jpg"></a></li>
			<li class="goods"><a href="#" target="_blank">PHP程序设计进阶教程</a></li>
			<li class="price">￥40</li>
		</ul><ul class="item left">
			<li><a href="#" target="_blank"><img src="./image/preview.jpg"></a></li>
			<li class="goods"><a href="#" target="_blank">Java Web程序开发入门</a></li>
			<li class="price">￥45</li>
		</ul>		<div class="clear"></div>
		<div class="pagelist"><div>    </div></div>
	</div>
</div>
<div class="clear"></div>
		<div id="service">
			<ul><li>购物指南</li><li>配送方式</li><li>支付方式</li>
				<li>售后服务</li><li>特色服务</li><li>网络服务</li>
			</ul>
			<div class="clear"></div>
		</div>
		<div id="footer">传智商城·本项目仅供学习使用</div>
	</div>
</body>
</html>